@layout("/common/_container.html",{js:["/assets/basic/basicPutgoods/basicPutgoods_add.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add New</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicPutgoodsForm" lay-filter="basicPutgoodsForm" class="layui-form layui-form-pane" style="max-width: 700px;margin: 40px auto;">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Customer Name<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="putgoodsCustomerId" name="putgoodsCustomerId" lay-filter="putgoodsCustomerId" lay-verify="required" required>
                            @for(item in basicCustomerList!){
                            <option value="${item.id}">${item.customerName}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Unit Name<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="putgoodsName" name="putgoodsName" placeholder="Please enter receiving unit name" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Unit Number<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="unitNumber" name="unitNumber" placeholder="Please enter unit number" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                
                <!-- <div class="layui-form-item">
                    <label class="layui-form-label">Note 1</label>
                    <div class="layui-input-block">
                        <input id="careful1Code" name="careful1Code" type="hidden"/>
                        <select id="careful1" name="careful1" lay-filter="careful1" lay-verify="" required>
                            <option value=""></option>
                            @for(item in carefullist!){
                            <option value="${item.name}" id="${item.code}">${item.name}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Note 2</label>
                    <div class="layui-input-block">
                        <input id="careful2Code" name="careful2Code" type="hidden"/>
                        <select id="careful2" name="careful2" lay-filter="careful2" lay-verify="" required>
                            <option value=""></option>
                            @for(item in carefullist!){
                            <option value="${item.name}" id="${item.code}">${item.name}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Note 3</label>
                    <div class="layui-input-block">
                        <input id="careful3Code" name="careful3Code" type="hidden"/>
                        <select id="careful3" name="careful3" lay-filter="careful3" lay-verify="" required>
                            <option value=""></option>
                            @for(item in carefullist!){
                            <option value="${item.name}" id="${item.code}">${item.name}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Note 4</label>
                    <div class="layui-input-block">
                        <input id="careful4Code" name="careful4Code" type="hidden"/>
                        <select id="careful4" name="careful4" lay-filter="careful4" lay-verify="" required>
                            <option value=""></option>
                            @for(item in carefullist!){
                            <option value="${item.name}" id="${item.code}">${item.name}</option>
                            @}
                        </select>
                    </div>
                </div> -->
                
                <div class="layui-form-item">
                    <label class="layui-form-label">Mnemonic Code</label>
                    <div class="layui-input-block">
                        <input id="helpCode" name="helpCode" placeholder="Please enter mnemonic code" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Unit Category</label>
                    <div class="layui-input-block">
                        <select id="unitCategory" name="unitCategory" lay-filter="unitCategory" lay-verify="" required>
                            <option value=""></option>
                            <option value="Receiving">Receiving</option>
                            <option value="Shipping">Shipping</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Unit Type</label>
                    <div class="layui-input-block">
                        <select id="unitType" name="unitType" lay-filter="unitType" lay-verify="" required>
                            <option value=""></option>
                            @for(item in dictlist!){
                            <option value="${item.name}">${item.name}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Province</label>
                    <div class="layui-input-block">
                        <input id="putgoodsProvinces" name="putgoodsProvinces" placeholder="Please enter province" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Location</label>
                    <div class="layui-input-block">
                        <input id="putgoodsCiywhere" name="putgoodsCiywhere" placeholder="Please enter location" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Person</label>
                    <div class="layui-input-block">
                        <input id="putgoodsContacts" name="putgoodsContacts" placeholder="Please enter contact person" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Information</label>
                    <div class="layui-input-block">
                        <input id="putgoodsTel" name="putgoodsTel" placeholder="Please enter contact information" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">Notes</label>
                    <div class="layui-input-block">
				        <textarea placeholder="Please enter notes, within 100 characters" class="layui-textarea" name="putgoodsNotes" lay-verify="putgoodsNotes"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}